//0.5333333rem=40px;
//1.46666666rem=110px;
//0.26666666rem=20px;
//0.666666667rem=50px;
//1.066666667rem=80px;
//0.48rem=36px;
//0.3733333333rem=28px
//0.426666667rem=32px
//0.32rem=24px
//0.48rem =36px

.scrollBox{
  height: 30px;line-height: 0.8rem;background-color: #FFF6DB;color: #666666;
  padding: 0 .3rem;
  span{ }
  i{ text-align: right;}
   >div{
    width: 70%;
  }

}

.welfare {
  background:#f0f0f0;min-height: 100%;
  .welfareHead{
    height: 8rem;width: 100%;position: relative;
    background: url("/static/wx/welbanner.jpg") no-repeat center;background-size: cover;
    p{ font-size: 0.3466666rem;color: #ffffff;position: absolute;width: 100%;text-align: center;
      top: 55%;
    }
    a{ width: 60%;display: block;position: absolute;left: 50%;margin-left: -30%;
      bottom: 1.2rem;
      img{ width: 100%;}
    }
  }
  .welfareCont{
    position: relative;
    min-height: 5rem;padding-bottom: .4rem;
    > img{ width: 100%;position: absolute;left: 0;top: -.9rem;}
    > a{ width: 100%;height: 0.8rem;line-height: 0.8rem;
      position: relative;border-radius: 4px;
      img{ width: 0.35rem;margin-left: 5px;}
      span{ text-align: center;width: 2.4rem}
      i{ font-size: 0.533333rem;color: #FF790C;}
      em{ text-align: center;width: 3rem;}
    }
    .list{
      li{ margin-top: 10px;position: relative;min-height: 3rem;background-color: #ffffff;
        .liHead{
          padding: 0.45rem;
          img{ width: 1.97333333rem;height: 1.97333333rem;}
          .listDetail{ padding-left: 0.2rem;
            h3{ font-size: 0.5333333rem;color: #333333;margin-bottom: .05rem;
              position: relative;
              a{ color: #FFB135;font-size: 0.2933333rem;text-decoration: underline}
            }
            p { font-size: 0.42666666rem;color: #ff6600;margin-bottom: .05rem;}
            div{ color: #999999;display: -webkit-box;margin-bottom: 0.1rem;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
              span:nth-of-type(1){ font-size: 12px;}
              span:nth-of-type(2){ font-size: 14px;}
            }
          }
          .listStatus{ text-align: center;padding-left: 0.2rem;padding-top: .2rem;
            p{ font-size: 0.4rem;color: #666666;margin-bottom: 10px;width: 2rem}
          }
          .listStatus a{ border-radius: 15px;background-color: #FF780B;
          text-align: center;color: #ffffff;padding: 3px 0;
          font-size: 0.4rem;display: block}
          .listStatus a.over{ background-color: #CCCCCC;color: #666666;}
        }
        .liFoot{
          padding:0.4rem 0.45rem;
          background: url("/static/wx/huawen.png") no-repeat center;background-size: cover;
          h3{ font-size: 0.37333333rem;margin-bottom: 5px;color: #333333;}
          p{ font-size: 0.32rem;color: #999999;
            img{ width: 0.37333333rem;vertical-align: middle;position: relative;top: -2px;}
          }
          a{ text-align: center;color: #999999;padding: 0 10px;}
        }
      }
    }
  }

}


//积分详情历史
.welfareDetail{
  background-color: #F0F0F0;
  > a{ width: 100%;height: 1.2rem;text-align: center;line-height: 1.2rem;
    font-size: 0.3733333333rem;color: #999999;display: block;background-color: #E7E7E7;
  }
}
.welfareDetailHead{
  height: 4.4rem;position: relative;
  .return{ position: absolute;left: 15px;top: 15px;z-index: 1;width: 11px;}
  .bg{ width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
  .last{
    position: absolute;top: 50%;;width: 100%;text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    h3{ color: #ffffff;font-size: 1.066666667rem;}
    p{ color: rgba(255,255,255,.7);font-size: 0.426666667rem;}
  }

}
.welfareDetailCont{
  margin-bottom: 10px;
  .welfareList{
    >p{ height: 1.066666667rem;line-height: 1.066666667rem;text-align: center;background-color: #F0F0F0;}
    .welfareListBox{
      li{
        height: 1.6rem;background-color: #ffffff;border-bottom: 1px solid #E7E7E7;
        >div:nth-child(1){
          padding-left: .4rem;
          h3{ font-size: 0.426666667rem;margin-bottom: 5px;}
          p{ color: #999999;font-size: 0.32rem}
        }
        >div:nth-child(2){
          font-size: 0.48rem;line-height: 1.6rem;padding: 0 .3rem;
        }
        .active{ color: #ff6600}
      }
    }
  }
}


//  兑换弹窗样式

.popupOpenBox{
  position: relative;

  .img{ width: 100%;margin-left: 0.38rem}
  .del{ width: 0.96rem;bottom: -1.5rem;}
  .mess{ position:absolute;text-align: center;top: 60%;font-size: 0.48rem;color: #ffffff;
    -webkit-transform: translateY(-50%);width: 100%;;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  a{ width: 90%;display: block;height: 1.066666667rem;position: absolute;left: 5%;
    bottom: 0.5333333rem;background-color: #ff6600;font-size: 0.48rem;text-align: center;
    line-height: 1.066666667rem;color: #ffffff;border-radius: 6px;}

}



